<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>json</title>
</head>
<body>
<script type="text/javascript" src="../AdminLTEdemo01/js/jquery-1.12.4.min.js"></script>
<script>
    var ar=[{"userid":"01","username":"张三","address":"合肥市包河区","mobile":"13811111111"},
        {"userid":"02","username":"李四","address":"合肥市蜀山区","mobile":"13822222222"},
        {"userid":"03","username":"王五","address":"合肥市庐阳区","mobile":"1383333333"},
        {"userid":"04","username":"王二麻","address":"合肥市瑶海区","mobile":"1384444444"},
        ];
    $(function (){
        let t=$("#t");
        let s=$("#s");
        $.each(ar,function (index,obj) {
            t.append("<tr><td>"+obj.userid+"</td><td>"+obj.username+"</td><td>"+obj.address+"</td><td>"+obj.mobile+"</td></tr>")
            s.append("<option value='"+obj.userid+"'>"+obj.username+"-"+obj.address+"-"+obj.mobile+"</option>")
        });

    });

</script>
<table align="center" border="1" cellpadding="0" cellspacing="0" id="t">
    <tr>
        <th>用户ID</th>
        <th>姓名</th>
        <th>住址</th>
        <th>手机</th>
    </tr>
</table>
<hr>
<select align="center"  id="s">
    <option selected disabled>请选择</option>
</select>

</body>
</html>